<template>
  <div class="hello">
    <div class="row">
            <div class="col-sm-12">
                <section>
                    <h2>硬件合作方：</h2>
                    <ul class="list-inline ">
                        <li>
                            <a href="http://www.mi.com/" target="_blank">
                                <img src="../assets/1.jpg" alt="小米" title="小米">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.huawei.com/cn/" target="_blank">
                                <img src="../assets/2.jpg" alt="华为" title="华为">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.letv.com/" target="_blank">
                                <img src="../assets/3.jpg" alt="乐视" title="乐视">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.kaiboer.com/" target="_blank">
                                <img src="../assets/4.jpg" alt="开博尔" title="开博尔">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.himedia.cn/" target="_blank">
                                <img src="../assets/5.jpg" alt="海美迪" title="海美迪">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.skyworth.com/" target="_blank">
                                <img src="../assets/6.jpg" alt="创维" title="创维">
                            </a>
                        </li>
                        <li>
                            <a href="http://tvdev.yunos.com/" target="_blank">
                                <img src="../assets/7.jpg" alt="云OS" title="云OS">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.coocaa.com/" target="_blank">
                                <img src="../assets/8.jpg" alt="酷开" title="酷开">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.konka.com/" target="_blank">
                                <img src="../assets/9.jpg" alt="康佳" title="康佳">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.sharp.cn/" target="_blank">
                                <img src="../assets/10.jpg" alt="夏普" title="夏普">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.tcl.com/" target="_blank">
                                <img src="../assets/11.jpg" alt="TCL" title="TCL">
                            </a>
                        </li>

                        <li>
                            <a href="http://www.changhong.com.cn/" target="_blank">
                                <img src="../assets/12.jpg" alt="长虹" title="长虹">
                            </a>
                        </li>
                        <li>
                            <a href="http://panasonic.cn/" target="_blank">
                                <img src="../assets/14.jpg" alt="松下" title="松下">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.hisense.com/" target="_blank">
                                <img src="../assets/14.jpg" alt="海信" title="海信">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.zte.com.cn/" target="_blank">
                                <img src="../assets/15.jpg" alt="中兴" title="中兴">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.meizu.com/" target="_blank">
                                <img src="../assets/16.jpg" alt="魅族" title="魅族">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.xgimi.com/" target="_blank">
                                <img src="../assets/17.jpg" alt="极米" title="极米">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.ffalcon.my7v.com/" target="_blank">
                                <img src="../assets/18.jpg" alt="雷鸟" title="雷鸟">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.diyomate.com/" target="_blank">
                                <img src="../assets/19.jpg" alt="迪优美特" title="迪优美特">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.inphic.cn/" target="_blank">
                                <img src="../assets/20.jpg" alt="英菲克" title="英菲克">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.iflytek.com/" target="_blank">
                                <img src="../assets/21.jpg" alt="科大讯飞" title="科大讯飞">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.cvte.com/" target="_blank">
                                <img src="../assets/22.jpg" alt="视源" title="视源">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.jide.com/remixos" target="_blank">
                                <img src="../assets/23.jpg" alt="remix os" title="remix os">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.on-best.com/" target="_blank">
                                <img src="../assets/24.jpg" alt="百视威" title="百视威">
                            </a>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello{
 width: 1200px;
 height: 500px;
 margin: 0 auto;
 
}
.row{
    
    margin: 0 auto;
}
img{
    width: 100%;
}

h2 {
  text-align: left;
}
ul {
  list-style-type: none;
  overflow: hidden;
}
li {
  display: inline-block;
  margin: 0 10px;
  width: 100px;
  height: 100px;
  padding: 10px 0;
}
a {
  color: #42b983;
}
</style>
